<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport"/>
<meta content="yes" name="apple-mobile-web-app-capable"/>
<meta content="black" name="apple-mobile-web-app-status-bar-style"/>
<link href="css/shouye.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.FHl{ color:#D01A1A}
.f16{ font-size:16px}
p{ margin:10px 0; padding-bottom:10px}
</style>
</head>
<body>
<div id="container">
    <div class="header">
        <h1><a href="shouye.html"><img src="images/zara.png" 100px;></a></h1>
        <div class="ourWords">
            <span>正品保证,7天退货</span>
        </div>
    </div>
    <div class="topSrh">
        <form>
            <input type="text" class="input_text0" value="搜索你喜欢的"  onfocus="this.value='';this.className='input_text'" onBlur="if(this.value==''){this.value='搜索你喜欢的'};this.className='input_text0'"/>
            <input type="button" class="btn_srh" value="搜索"/>
        </form>
    </div>
    
    <div class="pdtMain">
    	<ul class="crumb">
          <li><a href="shouye.html">返回首页</a></li>
        </ul>
        <div class="pdtTab">
        	<ul>
            	<li class="cur"><a href="clothes.html">简介</a></li>
                <li><a href="xiangqing.html">详情</a></li>
                <li><a href="pingjia.html">评价</a></li>
            </ul>
        </div>
        <!--产品轮播-->
        <div class="pdtSlide">
        	<a href="#" class="btn_pre"></a>
        	<div class="hdp" style="float:left;">
            <ul>
                     <li><div class="page"><img src="images/mc1-1.jpg"/></div></li>
                     <li><div class="page"><img src="images/mc1-2.jpg"/></div></li>
                     <li><div class="page"><img src="images/mc1-3.jpg"/></div></li>
                     <li><div class="page"><img src="images/mc1-4.jpg"/></div></li>
            </ul>
            </div>
            <a href="#" class="btn_next"></a>
        </div>
        <p class="pdtTit">2019年 男款牛仔外套</p>
        <div class="buyArea">
        	<div class="price">
                <p><span class="rmbIcon">￥</span><strong class="Prc">299</strong></p>
                <p>运费：￥10</p>
                <p>规格：<select>
    <option value="1">170/S</option>
    <option value="2">175/M</option>
    <option value="3">180/L</option>
  </select></p>
            </div>
            <div class="action">
            	<a class="buyBnt" href="#">立即购买</a>
                <a class="phoneBnt" href="#">加入购物车</a>
            </div>
            <p>付款后24小时内发货，7天包退</p>
        </div>
        <div class="pdtIntro">
 		 <h3>产品介绍</h3>	       
        <p>上市年份季节: 2019年春季&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;销售渠道类型: 线上线下</p>
        <p>厚薄: 厚面料&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;分类: 上衣</p>
        <p>基础风格: 青春流行&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;材质成分: 棉100%</p>
        </div>
    </div>
    <div class="footer">
    	<div class="phone">全国免费服务热线：700-1218-1218</div>
    </div>
</div>
</body>
<script src="jquery/jquery-1.3.2.min.js"></script>
<script src="jquery/jquery.bxSlider.min.js"></script> 
<script type="text/javascript">
$(function() {
      var bxslider =
        $('.hdp > ul').bxSlider({
           auto: true,
           controls: false}
        );
    $('.btn_pre').click(function() {
        bxslider.goToPreviousSlide();
        return false;
    });
    $('.btn_next').click(function() {
        bxslider.goToNextSlide();
        return false;
    });
});
</script>
</html>